<template>
 <!-- 头部 -->
 <div class="header">
          <div class="text">{{ title }}</div>
          <div class="location">
            <van-icon name="location" />
            <span>南职C-201</span>
            <van-icon name="arrow" />
          </div>
        </div>
</template>

<script>
  export default{
    props:['title']
  }
</script>

<style lang='less' scoped>
.header {
      background-image: linear-gradient(#ffc400, #fff);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 5px 5px 5px;
      height: 40px;
      .text {
        font-size: 12px;
        font-weight: 600;
      }
      .location {
        span {
          margin: 0 5px;
        }
        font-size: 10px;
      }
    }
</style>